<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.11.1.min.js"></script>
</head>
<body>
<div class="a">
    <div><span></span><span></span><span></span></div>
    <div><span></span><span></span><span></span></div>
    <div><span></span><span></span><span></span></div>
    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<script>
    var a =$(".a span");
    a[0].innerText="dasfdsaf";
    a[1].innerHTML="<a href='#'>dsaf</a>";
    a[2].innerHTML="<a href='#'>dsaf</a>";
    a[3].innerText="<a href='#'>dsaf</a>";
    $(a[4]).html("<a href='#'>dsaf</a>");
    $(a[5]).text("<a href='#'>dsaf</a>");
    console.log(a[6],$(a[6]));
    console.log(a.length)
</script>
</body>
</html>